export default ({ children }) => (
    <div className="Prompt">
        {children}
        <style jsx>{`
            .Prompt{
                position: fixed;
                z-index: 10000;
                width: 200px;
                height: 30px;
                line-height: 30px;
                left: 50%;
                top: 10%;
                margin-left: -100px;
                background-color: #fff9c1;
                border: 1px solid #aaaaaa;
                border-radius: 4px;
                font-size: 13px;
                animation: 0.5s rollIn normal;
                text-align: center;
            }
            @keyframes rollIn {
                from {top:5%;}
                to {top:10%;}
            }
        `}</style>
    </div>
)